<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <h1>The Ajax 04 Page</h1>
        <fieldset>
            <legend>Ajax 表单请求</legend>
            <form enctype="application/x-www-form-urlencoded">
                <input type="text" name="name" id="nameId" class="mingzi" onblur="doCheck()"/>
                <button type="button" onclick="doSave()">Save</button>
            </form>
            <span id="result"></span>
        </fieldset>

    </div>
    <script src="js/ajax1.js"></script>
    <script>
        function doSave() {//发送异步请求，检查name是否存在

            //1，定义请求url
            let url=`http://localhost:1314/doSave`;//通过模板字符串''和${}表示拼接url
           //2，定义请求参数
            let name=document.forms[0].name.value;
            let params=`name=${name}`;
            //3，发送异步请求并处理响应结果
            Ajax.doAjaxPost(url,params,function (result) {
                document.getElementById("result").innerHTML=result;
            })
        }
        function doCheck() {//发送异步请求，检查name是否存在
            //1，定义请求url
            let url=`http://localhost:1314/doCheck`;//通过模板字符串''和${}表示拼接url
            //2，定义请求参数
            let name=document.forms[0].name.value;
            //3，发送异步请求并处理响应结果
            Ajax.doAjaxGet(url,`name=${name}`,function (result) {
                document.getElementById("result").innerHTML=result;
            })
        }
    </script>
</body>

</html>